<section class="bg-info dker" style="position: fixed; width: 100%; height: 100%; left: 0; top: 0;">
	<section id="content" class="m-t-lg wrapper-md animated fadeInUp">
		<div class="container aside-xl">
			<a class="navbar-brand block" href=""><span class="h2 font-bold">后台管理系统</span></a>
			<section class="m-b-lg">
				<header class="wrapper text-center">
					<strong>用户登陆</strong>
				</header>
				<div>
					<div class="form-group">
						<input v-model="userLoginInfo.username" maxlength="16" type="text" placeholder="用户名" class="form-control rounded input-lg text-center no-border">
					</div>
					<div class="form-group">
						<input v-model="userLoginInfo.password" maxlength="16" type="password" placeholder="密码" class="form-control rounded input-lg text-center no-border">
					</div>
					<button @click="userLogin" class="btn btn-lg btn-warning lt b-white b-2x btn-block btn-rounded">
                        <i class="icon-arrow-right pull-right"></i>
                        <span class="m-r-n-lg">登陆</span>
                    </button>
					<div class="text-center m-t m-b">
						<router-link to="">
							<small>忘记密码?</small>
						</router-link>
					</div>
				</div>
			</section>
		</div>
		<!-- footer -->
		<footer id="footer">
			<div class="text-center padder">
				<p>
					<small>Web app framework base on Bootstrap<br>&copy;&nbsp;2018&nbsp;By&nbsp;BillDowney-超级小富翁</small>
				</p>
			</div>
		</footer>
	</section>
</section>